import React from "react"
import { Empty, Button } from "antd"
import { useNavigate } from "react-router-dom"
export default function PageNotFound() {
  const navigate = useNavigate()
  console.log(navigate)
  return (
    <div className="h-screen flex justify-center items-center">
      <Empty
        image="https://gw.alipayobjects.com/zos/antfincdn/ZHrcdLPrvN/empty.svg"
        imageStyle={{
          height: 260
        }}
        description={<span>页面不存在哦！</span>}
      >
        <Button
          type="primary"
          onClick={() => {
            navigate("/")
          }}
        >
          返回首页
        </Button>
      </Empty>
    </div>
  )
}
